<template>
  <div class= 'TODO-box'>
     <!-- 时间组件 -->
    <TimeBox></TimeBox>
    <!-- 输入组件 -->
    <TitleBox></TitleBox>
    <!-- 显示组件 -->
    <MidBox></MidBox>
    <!-- 底部删除按钮 -->
    <FooterBox></FooterBox>
  </div>
  
</template>

<script setup>
import TitleBox from './components/titleBox.vue'
import MidBox from './components/midBox.vue'
import FooterBox from './components/footerBox.vue'
import TimeBox from './components/timeBox.vue'
import { useMsgStore } from './stores/msgStores'

const msgStore = useMsgStore()
</script>

<style scoped>

</style>
